<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simpleframe 2.0.0</title>
<link href="themes/default/global.css" rel="stylesheet" type="text/css" />
<link href="themes/default/wrap.css" rel="stylesheet" type="text/css" />
<link href="themes/default/core.css" rel="stylesheet" type="text/css" />
<link href="themes/default/icon.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="common/jquery/jquery.js"></script>

<!-- splitter -->
<script type="text/javascript" src="common/splitter/splitter.js"></script>

<!-- tabs -->

<script type="text/javascript" src="common/form/jquery.form.js"></script>
<script type="text/javascript" src="common/grid/grid.js"></script>
<script type="text/javascript" src="common/form/msg.js"></script>
<script type="text/javascript" src="common/windows/windows.js"></script>

<style>
	#wrap {
		height: 700px;
		width: auto;
	}
	#wrap div {
		
	}
	.vsplitbar {
		width: 5px;
		background: #eee;
	}
</style>
<script>
	//splitter
	$().ready(function(){
	   	$("#wrap").splitter({
			type: "v",
			outline: true,
			sizeLeft: 200,
			resizeToWidth: true,
			accessKey: 'I'
		});
	});
	//splitter end
	/**
	var tabpanel;  
	var jcTabs = [
	'<iframe src="http://www.baidu.com" width="100%" height="100%" frameborder="0"></iframe>',
	'This tab is not closable',
	'You can close me by click fork button',
	'You cant see it'
	];
	
	$(document).ready(function(){  
	    tabpanel = new TabPanel({  
	        renderTo:'tab',
	        width:"100%",
	        height:600,
	        //border:'none',  
	        active : 0,
	        //maxLength : 10,  
	        items : [
	            {id:'toolbarPlugin1',title:'Google',html:jcTabs[0],closable: false},  
	            {id:'toolbarPlugin2',title:'Tab2',html:jcTabs[1],closable: true},  
	            {id:'toolbarPlugin3',title:'Closable',html:jcTabs[2],closable: true},  
	            {id:'toolbarPlugin4',title:'Disabled',html:jcTabs[3],closable: true, disabled:false}
	        ]
	    });  
	}); 
	function addTabs(tabName){
		tabpanel.addTab({
			id:tabName, 
	       	title:"I am new" ,
	       	html:'<iframe src="allstyle.html?date='+new Date()+'" width="100%" height="100%" frameborder="0"></iframe>', 
	       	closable: true, 
	       	disabled:false, 
	       	icon:"image/new.gif"
	    });   
	}
	**/
	$.ajaxSetup ({
	    cache: false //关闭AJAX相应的缓存
	}); 
	function menuTarget(url){
		$("#panel").load(url,function(response,status,xhr){
			//alert(status);
		});
	}
	
</script>

</head>
<body>
<jsp:include page="header.jsp"></jsp:include>
<div id="wrap">
    <div class="column" >
        <div class="panel">
            <div class="panel_header">
                <div class="panel_ctrl_icon icon_expand"></div>
                    <div class="icon icon_page"></div>
                    功能列表
            </div>
            <div class="panel_body">
                <jsp:include page="menu_main.jsp"></jsp:include>
            </div>
        </div>
    </div>
    <!-- 
    <div class="split-x" style="height:590px;"><span></span></div>
     -->
    <div class="column">
    	<!-- 
    	<div class="panel" id="tab">
            !--选项卡--
            
            
            
            !--选项卡 end--
        </div>
        -->
        <div class="panel" id="panel">
            <div class="panel_body"">
            	afsfsdfdsfdffdsfdfasdfsdfsdfsd
            </div>
            <!--选项卡 end-->
        </div>
    </div>
    <div style="clear:both"></div>
</div>
</body>
</html>